<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商品属性--${site.name}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="${site.description}"/>
    <meta name="keywords" content="${site.keywords}"/>
    <meta name="author" content="${site.author}"/>
    <link rel="icon" href="${site.logo}">
    <link rel="stylesheet" href="${base}/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="${base}/static/css/user.css" media="all" />
</head>
<body class="childrenBody">
    <form class="layui-form" id="searchForm">
		<div class="layui-inline" style="margin-left: 15px">
            <label>状态:</label>
            <div class="layui-input-inline">
            <select name="s_delFlag">
                <option value="" selected="">请选择</option>
                 <option value="false" >启用</option>
                <option value="true" >禁用</option>
            </select>
            </div>
   		</div>
        <div class="layui-inline">
            <a class="layui-btn" lay-submit="" lay-filter="searchForm">查询</a>
        </div>
    </form>
<div class="layui-form users_list">
    <table class="layui-table" id="test" lay-filter="demo"></table>
    <script type="text/html" id="userStatus">
        <input type="checkbox" data-id="{{d.id}}" lay-filter="delFlag" lay-skin="switch"    lay-text="正常|禁用" {{#  if(d.delFlag == false){ }} checked {{#  } }}>
    </script>
    
    <script type="text/html" id="toolbarDemo">
	  <div class="layui-btn-container">
	    <button class="layui-btn layui-btn-sm" lay-event="addMallPAttr"><i class="layui-icon">&#xe624;</i>添加属性</button>
	    <!--<button class="layui-btn layui-btn-sm" lay-event="batchDel"><i class="layui-icon">&#xe640;</i>批量删除</button>-->
	  </div>
	</script>

    <script type="text/html" id="barDemo">
    	<a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="addAttrItem"><i class="layui-icon">&#xe642;</i>添加属性项</a>
        <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="edit"><i class="layui-icon">&#xe642;</i>编辑</a>
        <!--<a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="del"><i class="layui-icon">&#xe640;</i>删除</a>-->
    </script>
    
    <script type="text/html" id="userStatusItem">
        <input type="checkbox" data-id="{{d.id}}" lay-filter="delFlagItem" lay-skin="switch"    lay-text="正常|禁用" {{#  if(d.delFlag == false){ }} checked {{#  } }}>
    </script>
     <script type="text/html" id="barDemoItem">
        <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="editItem"><i class="layui-icon">&#xe642;</i>编辑</a>
        <a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="delItem"><i class="layui-icon">&#xe640;</i>删除</a>
    </script>
</div>
<div id="page"></div>
<script type="text/javascript" src="${base}/static/layui/layui.js"></script>
<script type="text/javascript" src="${base}/static/js/tools.js"></script>
<script>
	 var opTable ;
    layui.config({
			base : "${base}/static/layui/lay/mymodules/"
		}).use(['layer','form','table','laydate','opTable'], function() {
        var layer = layui.layer,
        $ = layui.jquery,
        form = layui.form,
        laydate = layui.laydate,
        table = layui.table;

		 //监听二级表工具条
        table.on('tool(child)', function(obj){
           var data = obj.data;
        	if(obj.event === 'editItem'){
                var editIndex = layer.open({
                    title : "编辑 - "+data.name,
                    type : 2,
                    shade: 0.3,
                    shadeClose: true,
					closeBtn: 0,
					anim: 3,
					resize:false,
					isOutAnim: false,
					offset: 'r',
                    area:['50%','100%'],
                    content : "${base}${adminPrefix}/mall-pattr-item/edit?id="+data.id,
                    success : function(layero, index){
                    }
                });
            } else if(obj.event == "delItem"){
               layer.confirm("你确定要删除该属性项么？",{btn:['是的,我确定','我再想想']},
                        function(){
                            $.post("${base}${adminPrefix}/mall-pattr-item/delete",{"id":data.id},function (res){
                                if(res.success){
                                    layer.msg("删除成功",{time: 1000},function(){
                                       //opTable.childTable.reload({where:{s_attrId:refAttrId}});
                                       opTable.config.childTable.reload()
                                    });
                                }else{
                                    layer.msg(res.message);
                                }

                            });
                        }
                )
            }
        });

        //监听工具条
        table.on('tool(demo)', function(obj){
            var data = obj.data;
             if(obj.event === 'edit'){
                var editIndex = layer.open({
                    title : "编辑 - "+data.name,
                    type : 2,
                    shade: 0.3,
                    shadeClose: true,
					closeBtn: 0,
					anim: 3,
					resize:false,
					isOutAnim: false,
					offset: 'r',
                    area:['50%','100%'],
                    content : "${base}${adminPrefix}/mall-pattr/edit?id="+data.id,
                    success : function(layero, index){
                    }
                });
            } else if(obj.event === 'addAttrItem'){//添加属性项
            	 var editIndex = layer.open({
                    title : "添加属性项[ "+data.name+" ]",
                    type : 2,
                    shade: 0.3,
                    shadeClose: true,
					closeBtn: 0,
					anim: 3,
					resize:false,
					isOutAnim: false,
					offset: 'r',
                    area:['50%','100%'],
                    content : "${base}${adminPrefix}/mall-pattr-item/add?refAttrId="+data.id,
                    success : function(layero, index){
                    }
                });
            } else if(obj.event === "del"){
                layer.confirm("你确定要删除该商品属性么？",{btn:['是的,我确定','我再想想']},
                        function(){
                            $.post("${base}${adminPrefix}/mall-pattr/delete",{"id":data.id},function (res){
                                if(res.success){
                                    layer.msg("删除成功",{time: 1000},function(){
                                       table.reload('test');
                                    });
                                }else{
                                    layer.msg(res.message);
                                }

                            });
                        }
                )
            }
        });

        var t = {
            elem: '#test',
            id: '#test',
            url:'${base}${adminPrefix}/mall-pattr/list',
            method:'post',
            toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
            defaultToolbar: [],//['filter', 'exports', 'print'], //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'], //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                groups: 2, //只显示 1 个连续页码
                first: "首页", //显示首页
                last: "尾页", //显示尾页
                limits:[3,10, 20, 30]
            },
            cellMinWidth: 80, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            cols: [[
                {field:'name', title: '名称'},
                {field:'delFlag',    title: '状态',templet:'#userStatus'},
                {fixed: 'right', title:'操作',   align: 'center',toolbar: '#barDemo'}
            ]],openTable: function (itemData) {
		        return {
		          elem: '#child'
		          , id: 'child'
		          , url: '${base}${adminPrefix}/mall-pattr-item/list'
		          , method:'post'
		          , where: {s_attrId:itemData.id}
		          , cols: [[
		             {field:'name', title: '属性值'},
	                {field:'delFlag',    title: '状态',templet:'#userStatusItem'},
	                {fixed: 'right', title:'操作',   align: 'center',templet: '#barDemoItem'}
		          ]]
		        }
		      }
        };
       // table.render(t);
       opTable = layui.opTable.render(t);
        
        //头工具栏事件
		  table.on('toolbar(demo)', function(obj){
		    var checkStatus = table.checkStatus(obj.config.id);
		    switch(obj.event){
		      case 'addMallPAttr':
		       var addIndex = layer.open({
                    title : "添加属性",
                    type : 2,
                    shade: 0.3,
                    shadeClose: true,
					closeBtn: 0,
					anim: 3,
					resize:false,
					isOutAnim: false,
					offset: 'r',
                    area:['50%','100%'],
                    content : "${base}${adminPrefix}/mall-pattr/add",
                    success : function(layero, addIndex){
                    }
                });
		      	break;
		    };
		  });

        form.on("submit(searchForm)",function(data){
            t.where = data.field;
            opTable.config.table.reload(t);
            return false;
        });
        
        form.on('switch(delFlag)', function(data){
			   $.post("${base}${adminPrefix}/mall-pattr/change-status",{"id":data.elem.dataset.id,"status":!data.elem.checked},function (res){
	                if(res.success){
	                }else{
	                    layer.msg(res.message);
	                }
	
	            });
        });
        form.on('switch(delFlagItem)', function(data){
			   $.post("${base}${adminPrefix}/mall-pattr-item/change-status",{"id":data.elem.dataset.id,"status":!data.elem.checked},function (res){
	                if(res.success){
	                }else{
	                    layer.msg(res.message);
	                }
	
	            });
        });

    });
</script>
</body>
</html>